@charset "utf-8";

/* @font-face {

	font-family: "din";

	src:url("../font/DIN-Regular.otf") format("truetype");

	font-weight: normal;

	font-style: normal;

  }

  @font-face {

	font-family: "din-bold_";

	src: url("../font/din-bold_.woff2") format("woff2"),

		 url("../font/din-bold_.woff") format("woff"),

		 url("../font/din-bold_.ttf") format("truetype"),

		 url("../font/din-bold_.eot") format("embedded-opentype"),

		 url("../font/din-bold_.svg") format("svg");

	font-weight: normal;

	font-style: normal;

  } */

  .din{font-family:'din';}

  .dinbold{font-family:'din-bold_';}

:root{

	/*公用*/

	--font:	'Helvetica Neue',Helvetica,Tahoma,Arial,'Microsoft YaHei','PingFang SC','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif;

	--transition:cubic-bezier(0.215,.61,.355,1) .45s;

	--font-size:14px;

	--body-color:#000;

	--placeholder:#dbdbdb;

	--bg-gray:#f5f5f5;

	--bg-scroll:#FED190;

	--linear-gradient-shadow:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0));

	--linear-gradient-orange:linear-gradient(135deg,rgba(250,143,71,0),#FA8E44);

	--input-border-color:#eee;

	--color-dominant:#fa7f2b;

	--color-blue:#004592;

	--color-fill:#000;

	--cursor-stroke:#fa7f2b;

}

article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block; padding:0; margin:0;}

*,:before,:after{box-sizing:border-box;}

blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}

img{border:0; display:inline-block; width:auto; max-width:100%;vertical-align: middle;}

ul,dl,li,dt,dd{list-style:none;}

body,html{min-height:100%;}

body{font-size:var(--font-size); color:var(--body-color);font-family: var(--font);-webkit-tap-highlight-color:rgba(255,255,255,0); overflow-x:hidden;}

.clearfix:after{content:"\200B"; display:block; height:0; clear:both;}

a{text-decoration:none; color:inherit; outline:none; transition:var(--transition);}

h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}

pre{font-family:inherit; white-space:pre-wrap;word-wrap: break-word;}

input,textarea,select{outline: none;-webkit-appearance: none;border-radius: 0; font-size:inherit;font-family:inherit; display:block; width:100%; border:none; border:1px solid var(--input-border-color); height:38px; line-height:38px; padding:0 10px; transition:cubic-bezier(0.215,.61,.355,1) .45s; background:none;}

textarea{resize:none;}

input::-webkit-input-placeholder{color:var(--placeholder);}

input:-moz-placeholder,input::-moz-placeholder{color:var(--placeholder);}

input:-ms-input-placeholder{color:var(--placeholder);}

textarea::-webkit-input-placeholder{color:var(--placeholder);}

textarea:-moz-placeholder{color:var(--placeholder);}

textarea::-moz-placeholder{color:var(--placeholder);}

textarea:-ms-input-placeholder{color:var(--placeholder);}

select::-ms-expand { display: none; }

i,em{font-style:normal;}

/*浏览器滚动条*/

::-webkit-scrollbar{width:5px;height:5px;}

::-webkit-scrollbar-button:vertical,::-webkit-scrollbar-button:horizontal{display:none}

::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal{background-color:black}

::-webkit-scrollbar-track-piece{background:#E3E3E3}

::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{background-color:var(--bg-scroll);border-radius:1.5625vw}

::-webkit-scrollbar-thumb:vertical:hover,::-webkit-scrollbar-thumb:horizontal:hover{background-color:#3B3B3B}

::-webkit-scrollbar-corner:vertical,::-webkit-scrollbar-corner:horizontal{background-color:#535353}

::-webkit-scrollbar-resizer:vertical,::-webkit-scrollbar-resizer:horizontal{background-color:#FF6E00}

/*config*/

.l-center{text-align:center;}

.l-relative{position:relative;}

.l-overflow{overflow:hidden;}

.l-bold{font-weight:bold;}

.l-imgs{background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:100%;}



.l-lh18{line-height:18px;}

.l-lh20{line-height:20px;}

.l-lh22{line-height:22px;}

.l-lh24{line-height:24px;}

.l-lh26{line-height:26px;}

.l-lh28{line-height:28px;}

.l-lh30{line-height:30px;}

.l-lh32{line-height:32px;}

.l-lh34{line-height:34px;}

.l-lh36{line-height:36px;}

.l-lh38{line-height:38px;}

.l-lh40{line-height:40px;}

.l-lh48{line-height:48px;}

.l-font12{font-size:12px;}

.l-font16{font-size:16px;}

.l-font18{font-size:18px;}

.l-font20{font-size:20px;}

.l-font22{font-size:22px;}

.l-font24{font-size:24px;}

.l-font26{font-size:26px;}

.l-font28{font-size:28px;}

.l-font30{font-size:30px;}

.l-font32{font-size:32px;}

.l-font34{font-size:34px;}

.l-font36{font-size:36px;}

.l-font38{font-size:38px;}

.l-font40{font-size:40px;}

.l-font42{font-size:42px;}

.l-font56{font-size:56px;}

.l-font60{font-size:60px;}

.l-font72{font-size:72px;}



.l-opacity8{opacity:.8;}

.l-opacity7{opacity:.7;}

.l-opacity6{opacity:.6;}

.l-opacity5{opacity:.5;}

.l-opacity4{opacity:.4;}

.l-opacity3{opacity:.3;}

.l-opacity2{opacity:.2;}

/*栅格化*/

.l-flex,.l-grid-2,.l-grid-3,.l-grid-4,.l-grid-5,.l-grid-6,.l-grid-7,.l-grid-8{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}

.l-flex-column{display:flex; flex-direction:column; flex-wrap:wrap;}

/*均分*/

.l-grid-2>*{width:50%;}

.l-grid-3>*{width:33.333333333333336%;}

.l-grid-4>*{width:25%;}

.l-grid-5>*{width:20%;}

.l-grid-6>*{width:16.666666666666668%;}

.l-grid-7>*{width:14.285714285714286%;}

.l-grid-8>*{width:12.5%;}

/*font color*/

.l-white{color:#fff;}

.l-black{color:#000;}

.l-gray3{color:#333;}

.l-gray6{color:#666;}

.l-gray9{color:#999;}

/*显示行数*/

.lines1{ word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

.lines2{ word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.lines3{ word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.lines4{ word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

.lines5{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden;}

.lines6{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6;overflow: hidden;}

.public-bg{background-attachment:fixed;background-position:center; background-size:cover;}

.l-uppercase{text-transform:uppercase;}

/*弹窗图片轮播*/

.lh-imgLayer-banner{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:1000;}

.lh-imgLayer-banner li{display:flex; align-items:center; justify-content:center;}

.lh-imgLayer-banner li>div{width:80%; height:80%;display:flex; align-items:center; justify-content:center;}

.lh-imgLayer-banner li>div img{max-height:100%;}

.lh-imgLayer-close{position:absolute; right:15px; top:15px; border-radius:50%; width:50px; height:50px; background:#000; color:#fff; font-size:24px; display:flex; align-items:center; justify-content:center; z-index:2;}

.lh-imgLayer-banner .prevn,.lh-imgLayer-banner .nextn{display:flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:50%;background:#000; color:#fff; font-size:24px; position:absolute; top:50%; transform:translateY(-50%); z-index:2;}

.lh-imgLayer-banner .prevn{left:15px;}

.lh-imgLayer-banner .nextn{right:15px;}



/*分享二维码*/

#lhCode{position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:3px; background:#fff; border:4px solid var(--color-dominant); z-index:3000;}

#lhCode>h2{height:35px; line-height:35px; background:#F2F2F2; overflow:hidden; position:relative; padding:0 0 0 20px; font-size:14px; color:#666666;}

#lhCode>h2>i{cursor:pointer; float:right; width:35px; height:35px; text-align:center;}

#lhCode>.ewm{width:200px; padding:10px;}

#lhCode>.ewm canvas{width:100%; height:100%;}

/*svg*/

.separator{position: absolute; left: 0; right: 0; height: 150px; fill:var(--color-fill);pointer-events: none; z-index: 5;}

.separator-up{top: -1px;}

.separator-down{bottom: -1px;}



/*load*/

body{opacity:0;}

.pace-running,.pace-done{opacity:1;}

.pace-activity{position:fixed; left:0; top:0; z-index:10000; right:0; bottom:0; background:#fff;pointer-events: none; display: flex; align-items: center; justify-content: center; opacity: 0;}

svg.loader{position: absolute;top:50%;left:50%;z-index: 1; margin-left: -50px;margin-top: -50px;transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}

svg.loader path{animation: endlessRotate 1s linear infinite;transform-origin: center;}

@keyframes endlessRotate {

  from {transform:rotateZ(0deg)}

  to {transform:rotateZ(360deg)}

}

.showLoading{overflow:hidden;}

.showLoading .pace-activity{opacity:1;}

.pace-done .pace-activity{ transition:var(--transition);pointer-events: none; opacity:0;}

.loading-progress{width: 500px; height: 200px;}



.shape-overlays{width: 100%; height: 100%; z-index:9; position: fixed; left: 0; top: 0;pointer-events: none;}

.shape-overlays__path:nth-of-type(1){fill:var(--path-1);}

.shape-overlays__path:nth-of-type(2){fill:var(--path-2);}



/*cursor*/

.lh-cursor{pointer-events: none; position:fixed; left:0; top:0; display:flex; align-items:center; justify-content:center; z-index:10000; width:20px; height:20px; margin:-10px 0 0 -10px;mix-blend-mode: plus-lighter;}/**/

.lh-cursor>.view{width:60px; height:60px; display:flex; align-items:center; justify-content:center; border-radius:50%; position:absolute; left:50%; top:50%; margin:-30px 0 0 -30px; background-color:var(--color-dominant); transform:scale(0); opacity:0;}



.cursor {

	position: fixed;

	top: 0;

	left: 0;

	display: block;

	pointer-events: none;

	z-index: 10000;

}

.cursor__inner {

	fill: none;

	/* stroke: var(--cursor-stroke); */

	stroke-width: 1px;

}



.overlay {

	grid-area: 1 / 1 / 2 / 2;

	position: fixed;

	z-index: 100000;

	pointer-events: none;

	width: 100%;

	height: 100%;

}



/*animate*/

.fadeInUp1{animation:fadeInUp1 cubic-bezier(0.215,.61,.355,1) 1s forwards;transform:translateY(80px); opacity:0;}

.fadeInUp{animation:fadeInUp cubic-bezier(0.215,.61,.355,1) 1s forwards;transform:translateY(100%); opacity:0;}

.fadeInUpImg{position:absolute; left:0; top:0; width:inherit; height:inherit; clip:rect(0,500px,0,0); animation:fadeInUpImg cubic-bezier(0.215,.61,.355,1) 1s forwards;}

.up50{transform:translateY(50%);}

.delay1{animation-delay:.1s;}

.delay2{animation-delay:.2s;}

.delay3{animation-delay:.3s;}

.delay4{animation-delay:.4s;}

.delay5{animation-delay:.5s;}

@keyframes fadeInUp1{

	to{transform:translateY(0); opacity:1;}	

}

.lh-shadow{position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,.7); z-index:999; opacity:0;}

.acc-bd{display:none;}

.on .acc-bd{display:flex;}

.tab-bd>*{display:none;}

.tab-bd>*.on{display:flex;}

/*cont*/

.l-dominant{color:var(--color-dominant);}

.l-blue{color:var(--color-blue);}

.circleTrack{width: 70px; height: 70px;}

.circleTrack circle{stroke-dashoffset: 204;stroke-dasharray: 204;}

.l-container{width: 100%; max-width: 1600px; padding-left: 30px; padding-right: 30px; margin: auto; position: relative;}

.lh-logo{display: block; width: 167px;}

header{position: fixed; left: 0; right: 0; top: 0; background-color: #fff; z-index: 100;}

header>*{height: 90px; align-items: center;}

header>*>*{flex: 1;}

header>*>.right{display: flex; justify-content: flex-end; height: 100%; flex:5;}

.lh-nav{height: 100%;}

.lh-nav>*{position: relative; height: 100%; display: flex; align-items: center;}

.lh-nav>*>a{padding: 0 25px; padding:0 clamp(5px,1.3020833333333335vw,25px); position: relative; display: block;font-size: 18px;}

.lh-nav>*>a:after{content: '\e600';font-family: "iconfont"; position: absolute; left: 50%; top: 120%; color:var(--color-blue); font-size: 12px; text-align: center; display: block; width: 14px; margin-left: -7px; transform: scale(0.8) translateY(-10px); opacity: 0; transition: var(--transition);}

.lh-nav>* dl{position: absolute; left: 0; top:100%; min-width: 100%; background-color: #fff; border-radius: 0 0 10px 10px; text-align: left; font-size: 14px; padding: 15px; color:#4e4e4e; transform:translateY(20px); transform-origin: center top; overflow: hidden; transition: var(--transition); opacity: 0;pointer-events:none;}

.lh-nav>* dl>*{margin-top: 15px; white-space: nowrap;}

.lh-nav>* dl>*:first-child{margin-top: 0;}

.lh-banner{height: 100vh;}

.lh-nav>* dl>*:hover{color:var(--color-dominant);}

.lh-nav>*:hover>a:after{transform: scale(0.8) translateY(0); opacity: 1;}

.lh-nav>*:hover dl{transform: translateY(0);opacity: 1;pointer-events:auto;}

.lh-nav>*.on>a{color:var(--color-dominant);}

.lh-banner .bd .l-container{position: absolute; left: 0; right: 0; top: 0; bottom: 0; align-items: flex-end; justify-content: flex-end; z-index: 2; padding-bottom: 220px;}

.l-lh60{line-height: 60px;}

.banner-btn-box{position: absolute; left: 0; right: 0; bottom: 156px; justify-content: flex-end; z-index: 3;}

.banner-btn{align-items: center;}

.banner-btn>*{display: flex; align-items: center; justify-content: center; width: 45px; height: 20px;}

.banner-hd{position: absolute; left: 86px; top: 50%; transform: translateY(-50%); z-index: 3;}

.banner-hd>*{width: 34px; height: 1px; background-color: #fff; display: block; margin: 48px 0; opacity: 1; border-radius: 0; transition: var(--transition); transform-origin: left center; position: relative;}

.banner-hd>*:after{content: attr(aria-label); display: block; position: absolute; left: calc(100% + 20px); top: 50%; transform: translate(-20px,-50%); color:#fff; opacity: 0; transition: var(--transition);}

.banner-hd>*.on{transform: scaleX(1.3);}

.banner-hd>*.on:after{opacity: 1;transform: translate(0,-50%);}

.index-scheme{height: calc(100vh - 90px);}

.scheme-item{height: 100%;}

.scheme-item>*{flex: 1; border-left: 1px solid rgba(255,255,255,.2); transition: var(--transition);}

.scheme-item>*:first-child{border-color:transparent;}

.scheme-item>* a{display: block; position: relative; height: 100%; overflow: hidden;}

.scheme-item>* .text{position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; padding: 0 20px; justify-content: center; z-index: 3; transition: var(--transition);}

.scheme-item>* .l-imgs{opacity: 0; position: relative; transition: var(--transition); transition-duration: 1s; transform: scale(1.2);}

.scheme-item>* .l-imgs:before{content: ''; display: block; width: 100%; height: 30%; background: var(--linear-gradient-shadow); position: absolute; left: 0; bottom: 0; z-index: 2;}

.scheme-item>* i{margin-top: 16px; display:inline-block; transition: var(--transition);}

.scheme-item>* a:hover .l-imgs,.scheme-item>*.on a .l-imgs{opacity: 1; transform: scale(1);}

.scheme-item>* a:hover .text,.scheme-item>*.on a .text{padding-top: 50vh;}

.scheme-item>* a:hover i,.scheme-item>*.on a i{transform: rotate(180deg);}

.scheme-item>*:hover,.scheme-item>*:hover + *{border-color:transparent;}

.l-pd100{padding-top: 100px; padding-bottom: 100px;}

.case-top>*{flex: 1;}

.case-top>*.right{flex: .8;}

.case-top>*>.text{display: flex; align-items: flex-end; margin-left: 60px;padding-bottom: 14px;}

.index-btn>*{position: relative;}

.index-btn>*.prevs{top: -26px;}

.index-btn>*.nexts{top: 26px;}

.index-btn>* img{transition: var(--transition);}

.index-btn>* img:nth-child(2){position: absolute; left: 0; top: 0; opacity: 0;}

.index-btn>*:first-child img:nth-child(2){opacity: 1;}

.index-btn>*:first-child img:nth-child(1){opacity: 0;}

/* .index-btn>*:hover img:nth-child(2){opacity: 1;}

.index-btn>*:hover img:nth-child(1){opacity: 0;} */

.case-top>*.right>*{flex: 1;}

.case-top>*.right>.right{display: flex; justify-content: flex-end;}

.index-title>.name{margin-top: 20px;}

.index-more{display: flex; align-items: center; justify-content: center; width: 112px; height: 112px; border-radius: 50%; background: var(--linear-gradient-orange); color:#fff;}

.case-banner{margin-top: 100px; height: 546px;}

.case-banner .bd li{width: 80%; padding-right: 250px;}

.case-banner .bd li a{display: block; height: 100%;}

.case-banner .bd .img{height: 290px; border-radius: 5px; transition: var(--transition); position: relative;}

.case-banner .bd .img:before{content: ''; display: block; width: 100%; height: 100%; background: var(--linear-gradient-shadow); position: absolute; left: 0; bottom: 0; z-index: 2;}

.case-banner .bd .img .text{position: absolute; left: 0; bottom: 30px; right: 0; z-index: 3; padding: 40px; color:#fff; width: 80%; transform: translateY(200%); opacity: 0;transition: var(--transition);}

.case-banner .bd .text{margin-top: 40px;transition: var(--transition);}

.case-banner .bd .text .ccont{margin-top: 30px;}

.case-banner .bd .swiper-slide-active .img{height: 546px;}

.case-banner .bd .swiper-slide-active>*>.text{opacity: 0; visibility: hidden; transform: translateY(-200%);}

.case-banner .bd .swiper-slide-active .img .text{transform: translateY(0); opacity: 1;}

.index-about>.icon{position: absolute; left: 0; top: 0; right: 0; height: 305px;}

.about-cont>*{flex: 1; width: 50%;}

.about-cont>*.left{display: flex; align-items:center; padding-right: 160px; position: relative;}

.about-cont>*.right .img{height: 494px; border-radius: 5px 100px 5px 5px; box-shadow: 0 0 10px rgba(0,0,0,.1);}

.about-cont>*.left .ccont{margin-top: 50px;}

.about-cont>*.left .more{position: absolute; right: 90px; bottom: 150px;}

.about-cont>*.left .circleTrack{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(8);pointer-events: none;}

.about-cont>*.left .circleTrack circle{stroke-dashoffset:0;}

.about-total{justify-content: flex-end; margin-top: 70px;}

.l-font54{font-size: 54px;}

.about-total>*{margin-left: 140px;}

.about-total>*:first-child{margin-left: 0;}

.about-total>* .num{position: relative; display: inline-block;}

.about-total>* .num i{display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background-color: #fff; border:1px solid #004592; position: absolute; right:-10px; bottom: 10px;}

.about-total>* .name{margin-top: 10px;}

.case-num{width: 26px; height: 100%; position: absolute; left: 71%; top: 0; display: flex !important; align-items: center; z-index: 3; text-align: center;}

.case-num:before,.case-num:after{content: ''; display: block; width: 1px; height: 42%; background-color: rgba(0,0,0,.1); position: absolute; left: 50%; bottom: 58%;}

.case-num:after{bottom: auto; top: 58%;}

.case-num .text{position: relative; z-index: 2; padding: 4px 0;}

.case-num .text .total{position: relative; margin-top: 10px; display: block;}

.case-num .text .total:before{content: ''; display: block; width: 20px; height: 1px; background-color: rgba(0,0,0,.1); position: absolute; left:50%; margin-left: -10px; top: -4px; transform: rotate(-20deg);}

.news-top>*{flex: 1; align-items: center;}

.news-top>*.right{display: flex; justify-content: flex-end; flex:0.3;}

.news-top>*.left>.btn{margin-left: 100px;}

.news-banner{margin-top: 50px;}

.news-item li{width:30%; padding-right: 70px;}

.news-item li>*{display: block; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius: 5px; padding: 40px; border:1px solid transparent; position: relative;}

.news-item li>*:before{content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(0deg,var(--color-blue),#fff); position: absolute; left: 0; bottom: 0; opacity: 0; transition: var(--transition);}

.news-item li>*>*{position: relative; z-index: 2;}

.news-item li .img{height: 216px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.1);border:1px solid transparent;}

.news-item li .text{margin-top: 20px;}

.news-item li .time{margin-top: 20px; padding-top: 20px; border-top:1px solid #E2E2E3; align-items: center;}

.news-item li .time>*{flex: 1; transition: var(--transition);}

.l-font70{font-size: 70px; line-height: 70px;}

.news-item li .time>*.right{display: flex; justify-content: flex-end;}

.news-hd{height: 2px; background-color: #fff; width: 100%; position: relative; margin-top: 70px;}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #306594;}

.news-item li>*:hover:before{opacity: 1;}

.news-item li>*:hover{color:#fff; border-color:#fff;}

.news-item li>*:hover .img{border-color:#fff;}

.news-item li>* .time>* .l-blue{transition: var(--transition);}

.news-item li>*:hover .time>*,.news-item li>*:hover .time>* .l-blue{color:#fff;}

.footer-top{height: 190px; align-items: center; border-bottom: 1px solid rgba(255,255,255,.1);}

.footer-top>*{flex: 1;}

.footer-top>*.right{display: flex; justify-content: flex-end; flex:4;}

.footer-logo{display: block; width: 167px;}

.footer-nav>*{margin-left: 55px;}

.footer-nav>*:first-child{margin-left: 0;}

.footer-nav>*:hover{color:var(--color-dominant);}

.footer-center{padding: 80px 0;}

.footer-center>*{flex: 1;}

.footer-center>*.right{display: flex; justify-content: flex-end;}

.footer-ewm>*{width: 172px; margin-left: 100px; text-align: center;}

.footer-ewm>*:first-child{margin-left: 0;}

.footer-ewm>* .name{margin-top: 16px;}

.footer-ewm>* .img{border:1px solid rgba(255,255,255,.1); height: 172px; display: flex; align-items: center; justify-content: center; padding: 20px;}

.footer-contact>*{margin-left: 100px;}

.footer-contact>*:first-child{margin-left: 0;}

.footer-contact>* dt i{display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; border:1px solid rgba(255,255,255,.1); color:var(--color-dominant); font-size: 18px;}

.footer-contact>* dd{margin-top:30px;}

.footer-contact>* .tel{margin-top: 10px;}

.footer-contact>* .ccont{margin-top: 10px;}

.footer-copy{padding: 50px 0; border-top: 1px solid rgba(255,255,255,.1); color:#7D7D7D;}

.footer-copy>*{flex: 1;}

.footer-copy>*.right{display: flex; justify-content: flex-end; flex: 0.4;}

.footer-copy span{margin-left: 20px;}

.footer-copy span:first-child{margin-left: 0;}

.index-panels{display: flex;flex-wrap: nowrap; width: 200vw; height: 100vh;}

.index-panels>*{width: 100vw; height: 100%;}

.index-panels>*.index-case{display: flex; align-items: center; overflow: hidden;}

.lh-ban{max-height: 700px; height:80vh; align-items: center;}

.l-font70{font-size: 70px;}

.lh-ban .nname{margin-top: 30px;}

.l-pd50{padding-top: 50px; padding-bottom: 50px;}

.l-bg-gray{background-color: var(--bg-gray);}

.case-nav{background-color: #fff; height: 100px;}

.case-nav>*{align-items: center; height: 100%;}

.case-nav-item>*{margin-left: 65px; position: relative;}

.case-nav-item>*:first-child{margin-left: 0;}

.case-nav-item>*:after{content: ''; display: block; width: 100%; height: 4px; border-radius: 4px; background-color: var(--color-blue); position: absolute; left: 0; bottom: -40px; transition: var(--transition); transform: scaleX(0);}

.case-nav-item>*.on:after,.case-nav-item>*:hover:after{transform: scaleX(1);}

.case-nav-item>*.on,.case-nav-item>*:hover{color:#000;}

.case-item{margin: -50px 0 0 -30px;}

.case-item>*{padding-left: 30px; margin-top: 50px;}

.case-item>*>*{display: block; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.1); padding: 20px; position: relative;}

.case-item>* .img{height: 180px;}

.case-item>* .text{margin-top: 20px;}

.case-item>* .cont{padding-top: 20px; margin-top: 20px; border-top: 1px solid rgba(0,0,0,.1);  transition: var(--transition); align-items: center;}

.case-item>* .cont>*{flex: 1;}

.case-item>* .cont>*.right{flex: .6; display: flex; justify-content: flex-end;}

.case-item>* .cont>* i{display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background-color: #f5f5f5; color:var(--color-blue); font-size: 12px; transition: var(--transition);}

.case-item>*>*>.icon{position: absolute; right: 0; bottom: 0; transition: var(--transition); opacity: 0;}

.case-item>*>*:hover>.icon{opacity: 1;}

.case-item>*>*:hover{color:#fff; background-color: var(--color-blue);}

.case-item>*>*:hover i{background-color: #fff;}

.case-item>*>*:hover .cont{border-color:rgba(255,255,255,.1);}

.page-loading{margin-top: 80px; align-items: center; justify-content: center; color:#999;}

.page-loading i{display: block; margin-right: 10px; font-size: 24px; animation: loading linear 1s infinite;}

@keyframes loading{

	to{transform: rotate(360deg);}

}

.pro-item{margin: -50px 0 0 -30px;}

.pro-item>*{padding-left: 30px; margin-top: 50px;}

.pro-item>*>*{display: block; border-radius: 10px; background-color: #fff; padding:14px; box-shadow: 0 0 20px rgba(0,0,0,.1);}

.pro-item>* .img{height: 195px; border-radius: 10px;}

.pro-item>* .cont{padding: 10px 0; align-items: center;}

.pro-item>* .cont>*{flex: 1;}

.pro-item>* .cont>*.left{padding-left: 6px;}

.pro-item>* .cont>*.btn{flex: .3; justify-content: flex-end; display: flex;}

.pro-item>* .cont>*.btn i{display:flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 50%; background-color: var(--color-blue); border:10px solid #fff; color:#fff; position: relative; left: 34px; transform: translateX(-30px); transition: var(--transition); opacity: 0;}

.pro-item>*>*:hover{background-color: var(--color-blue); color:#fff;}

.pro-item>*>*:hover .cont>*.btn i{transform: translateX(0); opacity: 1;}

.lh-problem{background-color: #fff; padding: 50px 110px;}

.problem-item>*{border-bottom: 1px solid #EFEFEF; transition: var(--transition);}

.problem-item>*>*{padding: 40px 120px; border-radius: 10px; overflow: hidden;}

.problem-item>*>*>*{flex: 1;}

.problem-item>*>*>*.left{flex: 0.3;}

.l-font80{font-size: 80px; line-height: 80px; font-weight: bold;}

.problem-item>* .time p{position: relative; left: 2px;}

.problem-item>* .ccont{margin-top: 40px;}

.problem-item>*>*>*.icon{position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: var(--transition); opacity: 0;}

.problem-item>*>*:hover{color:#fff; background-color: var(--color-blue);}

.problem-item>*>*:hover>.icon{opacity: 1;}

.problem-item>*>* .time{transition: var(--transition);}

.problem-item>*>*:hover .time h3{color:#fff;}

.problem-item>*:hover{border-color: transparent;}

.course-item>*{border-bottom: 1px solid #EFEFEF; transition: var(--transition);}

.course-item>*>*{padding: 40px 120px; border-radius: 10px;}

.course-item>*>*>*{flex: 1;}

.course-item>*>*>*.right{display: flex; justify-content: flex-end; flex:0.5;}

.course-item>* .ccont{margin-top: 30px;}

.course-item>* .down{display: flex; align-items: center; justify-content: center; height: 32px; width: 126px; border-radius: 32px; background-color: #DCDCDC; transition: var(--transition);}

.course-item>* .right p{margin-top: 16px;}

.course-item>*:hover{border-color:transparent;}

.course-item>*:hover{box-shadow: 0 0 10px rgba(0,0,0,.1);}

.course-item>*:hover .down{background-color: var(--color-blue); color:#fff;}

.video-item{margin: -70px 0 0 -70px;}

.video-item>*{padding-left: 70px; margin-top: 70px;}

.video-item>*>*{display: block;}

.video-item>* .img{height: 260px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,.1); position: relative;}

.video-item>* .icon-bofang1{position: absolute; left: 50%; top: 50%; color:#fff; font-size: 60px; transform: translate(-50%,-50%);}

.video-item>* .btn{position: absolute; left: 0; bottom: 0; height: 36px; background-color: var(--color-blue); right: 0; align-items: center; color:#fff; padding: 0 20px;}

.video-item>* .btn>*{flex: 1; display: flex;}

.video-item>* .btn>*.right{justify-content: flex-end; align-items: center;}

.video-item>* .text{margin-top: 20px;}

.video-item>* .btn>*.right i{margin-right: 4px;}

.img .l-imgs{transition: var(--transition);}

.video-item>*>*:hover .l-imgs{transform: scale(1.1);}

.video-item>*>*:hover{color:var(--color-dominant);}

.lh-aftersale>.cont{margin:40px 0; padding: 40px 0; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF;}

.lh-aftersale>.cont>.tip{margin-top: 40px;}

.aftersale-item{margin-top: 40px; margin-left: -130px;}

.aftersale-item>*{padding-left: 130px;}

.aftersale-item>*>*{border-bottom: 1px solid #EDEDED; padding: 35px 0;}

.aftersale-item>*>*>.name{width: 94px;}

.aftersale-item>*>*>.text{width: calc(100% - 94px);}

.aftersale-item>*>*>.text .tel{align-items: center; color:var(--color-dominant);}

.aftersale-item>*>*>.text .tel i{font-size: 24px; margin-right: 4px;}

.aftersale-item>*>*>.text p{margin-top: 10px;}

.l-red{color:#ff0000;}

.way-btn{width: 190px; height: 368px; align-items: center; justify-content: center; color:#fff; position: absolute; right: 0; bottom: 0;}

.way-btn i{font-size: 24px;}

.contact-way>*>*.left,.contact-way>*>*.right{display: flex; width: 50%;}

.contact-way:before{ content: ''; display: block; width: 1px; height: 100%; background-color:rgba(255,255,255,.1); position: absolute; left: 50%; top: 0;}

.contact-way:after{content: ''; display: block; width: 50%; height: 1px; background-color:rgba(255,255,255,.1); position: absolute; right:0;bottom:368px;}

.contact-way>*>*.left{align-items: flex-end;}

.contact-way>* .map .nname span{margin:20px 10px 0 0;}

.l-font46{font-size: 46px;}

.contact-way>*>*.right{padding-left: 200px;}

.contact-way>* .text .tel{margin-top: 75px;}

.way-item>*{margin-top: 70px;}

.way-item>* .left{width: 36px;}

.way-item>* .text{width: calc(100% - 36px); padding-left: 25px;}

.contact-way>*.right>.text{width: 100%;}

.way-item>* .left i{display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; border:1px solid rgba(255,255,255,.5);}

.way-item>* .text h3{margin-bottom: 20px;}

.way-item>* .text p{margin-top: 10px;}

.way-item>*:nth-child(2){margin-top: 130px;}

.way-item>*:nth-child(1){margin-top: 40px;}

.l-pd80{padding-top: 80px; padding-bottom: 80px;}

.contact-join>*>*{flex: 1; width: 50%;}

.contact-join>*>*.left{padding-right: 85px;}

.contact-join>*>*.left>*{flex: 1;}

.contact-join>*>*.left>*.bottom{align-items: flex-end; display: flex;}

.contact-join>*>*.left>*.bottom>*{flex: 1;}

.contact-join>*>*.left>*.bottom>*.right{display: flex; justify-content: flex-end;}

.contact-join>*>*.right{background-color: #fff; border-radius: 5px; background-color: rgba(255,255,255,.85); box-shadow: 0 0 10px rgba(0,0,0,.1); padding: 80px 50px;}

.join-banner{height: 100%;}

.join-item>*{border-bottom: 1px solid rgba(0,0,0,.1); transition: var(--transition); }

.join-item>*>*{padding:40px 90px; display: block; border-radius: 5px;}

.join-item>* .top{transition: var(--transition);}

.join-item>* .top>*{flex: 1;}

.join-item>* .top>span{flex: .4; display: flex; justify-content: flex-end;}

.join-item>* .bottom{margin-top: 20px;}

.join-item>* .bottom>*{flex: 1;}

.join-item>* .bottom>*:last-child{display: flex; justify-content: flex-end;}

.join-item>*>*:hover{background-color: var(--color-blue); color:#fff;}

.join-item>*>*:hover .top{color:var(--color-dominant);}

.join-item>*:hover{border:none;}

.join-num{align-items:flex-end;}

.join-num em{position: relative; top: -6px;}

.join-btn>*{display: flex; align-items: center; justify-content: center; width: 98px; height: 98px; border-radius: 50%; border:1px solid #fff; color:#fff; margin-top: 40px;}

.join-btn>*:hover{border-color:var(--color-dominant); background-color: var(--color-dominant);}

.contact-message .top>*{flex: 1;}

.contact-message .top>*.right{display: flex; justify-content: flex-end; align-items: flex-end;}

.message-cont{margin-top: 80px;}

.message-cont>*{flex: 1;}

.message-cont>*.left{padding-right: 25px;}

.message-cont>*.right{padding-left: 25px;}

.message-item>*{margin-top: 20px; background-color: #fff; height: 66px; display: flex; align-items: center; box-shadow: 0 0 10px rgba(0,0,0,.1);}

.message-item>* input{border:none; padding: 0 30px;}

.message-right>*{margin-top: 20px;}

.message-right textarea{height: 330px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border:none; padding:20px 30px;}

.message-btn{margin-left: -50px;}

.message-btn>*{padding-left: 50px;}

.message-btn>*>*{display: flex; align-items: center; height: 66px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); justify-content: center;}

.message-btn>*:first-child>*{background-color: var(--color-blue); color:#fff;}

.lh-news-top{align-items: center;}

.lh-news-top>*{flex: 1;}

.lh-news-top>*.right{display: flex; justify-content: flex-end;}

.news-nav{height: 66px; border-radius: 66px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1);}

.news-nav>*{width: 246px; display: flex; align-items: center; justify-content: center; height: 100%; border-radius: 66px;}

.news-nav>*.on{background-color: var(--color-blue); color:#fff;}

.news-item.list{margin:0 0 0 -50px;}

.news-item.list>*{width: 25%; padding:0 0 0 50px; margin-top: 50px;}

.news-item.list li>*{padding: 30px;}

.news-item.list li .img{height: 175px;}

.system-item{margin: -30px 0 0 -30px;}

.system-item>*{padding-left: 30px; margin-top: 30px;}

.system-item>*>*{display: block; position: relative; border-radius: 10px; overflow: hidden;}

.system-item>*>*:before,.system-item>*>*:after{content: ''; display: block; width: 100%; height: 100%; background: var(--linear-gradient-shadow); position: absolute; left: 0; bottom: 0; z-index: 2; transition: var(--transition);}

.system-item>*>*:after{--linear-gradient-shadow:linear-gradient(0deg,rgba(0,77,147,1),rgba(0,0,0,0)); opacity: 0;}

.system-item>* .icon{position: absolute; right: 0; bottom: 0; transition: var(--transition); opacity: 0;}

.system-item>* .img{height:310px;}

.system-item>* .text{position: absolute; left: 30px; right: 30px; bottom: 0; z-index: 3; transition: var(--transition); transform: translateY(120px);}

.system-item>* .text .cont{padding: 30px 0; margin-top: 30px; border-top: 1px solid rgba(255,255,255,.4);}

.system-item>* .text .cont>*{flex: 1;}

.system-item>* .text .cont>*.right{display: flex; justify-content: flex-end; align-items: center; flex: 0.3;}

.system-item>* .text .cont .icon-right{display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background-color: #fff; color:var(--color-blue);}

.system-item>* .text .addr{align-items: center;}

.system-item>* .text .addr i{margin-right: 10px;}

.system-item>* .text .ccont{margin-top: 10px;}

.system-item>*>*:hover .icon{opacity: 1;}

.system-item>*>*:hover .text{transform: translateY(0);}

.system-item>*>*:hover:before{opacity: 0;}

.system-item>*>*:hover:after{opacity: 1;}

.proDetail-top{background-color: #fff; padding: 60px 230px;}

.proDetail-top>.right{width: 495px;}

.proDetail-top>.right .img{height: 310px; border-radius: 10px;}

.proDetail-top>.left{width: calc(100% - 495px); padding-right: 40px;}

.proDetail-top>.left .ccont{margin-top: 30px; padding-top: 30px; border-top: 1px solid #EAEAEA;}

.proDetail-bottom{margin-top: 40px; background-color: #fff; padding: 60px 230px;}

.proDetail-bottom>.cont{margin-top: 40px; padding: 30px 0; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA;}

.proDetail-bottom>.cont img{height:auto !important;}

.detail-page{margin-top: 40px; align-items: center;}

.detail-page>*{flex: 1; display: flex;}

.detail-page>*.center{justify-content: center; color:#666; flex: 0.5;}

.detail-page>*.right{justify-content: flex-end;}

.detail-page>*.center i{color:var(--color-blue); margin-right: 4px; font-size: 20px;}

.proDetail-bottom>.nname{margin-top: 50px; align-items:center;}

.proDetail-bottom>.nname>*{flex: 1; display: flex;}

.proDetail-bottom>.nname>*:last-child{justify-content: flex-end; align-items: center;}

.proDetail-bottom>.nname>* i{margin-right: 4px;}

.about-who{background: linear-gradient(90deg,#f1f1f1,#adc0d6,#0d4d96);}

.about-who>*>*{flex: 1;}

.about-who>*>*.center{flex: 3; align-items: center; justify-content: center; display: flex;}

.about-who>*>*.left .ccont{margin-top: 60px;}

.about-who>*>*.left .about-total{justify-content: flex-start;}

.about-who>*>*.left .about-total>*{margin-left: 100px;}

.about-who>*>*.left .about-total>*:first-child{margin-left: 0;}

.about-who>*>*.right>*{flex: 1;}

.about-who>*>*.right>*.bottom{align-items: flex-end;}

.about-who>*>*.center .icon{width: 562px; height: 562px;}

.about-who>*>*.center .icon .img{border-radius: 50%; width: 100%; height: 100%; padding: 40px; background-color: rgba(255,255,255,.2);}

.about-who>*>*.center .icon .l-imgs{border-radius: 50%; position: relative; z-index: 3;}

.about-who>*>*.center .icon .hd{position: absolute; left: 50%; top: 50%;  transform: translate(-50%,-50%); z-index: 2; width: 878px;}

.about-who>*>*.right .time{align-items: flex-end; position: relative; white-space: nowrap;}

.l-font140{font-size: 140px; line-height: 140px;}

.about-who>*>*.right .time span{position: absolute; left: 90%; bottom: 10px;}

.about-who>*>*.right .time b{color: transparent;-webkit-text-stroke: 1px #fff;}

.culture-item{margin-top: 80px; margin-left: -56px;}

.culture-item>*{padding-left: 56px;}

.culture-item>*>*{display: block; border-radius: 10px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); padding: 98px 200px 40px 65px; position: relative;}

.culture-item>* .icon{position: absolute; right: 36px; top: 0; width: 120px; height: 123px; border-radius: 0 0 100px 100px; background-color: var(--color-blue); display: flex; align-items: center; justify-content: center; color:#fff; transition: var(--transition);}

.culture-item>* .icon i{font-size: 56px;}

.culture-item>* .ccont{margin-top: 20px; padding-top: 20px; border-top:1px solid rgba(0,0,0,.2); transition: var(--transition);}

.culture-item>* .bg{position: absolute; right: 0; bottom: 0;}

.culture-item>*>*:hover{background-color: var(--color-blue); color:#fff;}

.culture-item>* .name{transition: var(--transition);}

.culture-item>*>*:hover .name{color:#fff;}

.culture-item>*>*:hover .icon{background-color: #fff; color:var(--color-blue);}

.culture-item>*>*:hover .ccont{border-color:rgba(255,255,255,.2);}

.about-honor{padding-top: 100px;}

.honor-top>*{flex: 1; display: flex;}

.honor-top>*.right{justify-content: flex-end; align-items: flex-end;}

.honor-cont{margin-top: 50px; background-color: #f3f3f3; width: calc(100% + (100vw - 100%)/2 ); padding: 70px 0 70px 70px; overflow: hidden;}

.honor-cont>.top{justify-content: flex-end; width: 100%;}

.honor-cont>.top>*{width: 60%;}

.honor-cont>.top>*>*{flex: 1;}

.honor-cont>.top>*>*.right{width: 260px;}

.index-btn>*.prevs{top: -13px;}

.index-btn>*.nexts{top: 13px; left: -40px;}

.honor-text .name{margin-top: 10px; width: 70%;}

.honor-icon{width: 688px; height: 692px; position: absolute; left: -100px; bottom: -70px;}

.honor-icon:before,.honor-icon:after{content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-blue); opacity: .1; transform: scale(.8); position: absolute; left: 0; top: 0;}

.honor-icon:after{opacity: 1; transform: scale(.6); z-index: 2;}

.honor-banner{position: relative; z-index: 2; height: 500px;}

.honor-banner .bd>*{width: 28%;}

.honor-banner .bd a{display: flex; height: 100%; align-items: flex-end; justify-content: center;}

.honor-banner .bd .img{ overflow: hidden;}

.course-cont{justify-content: flex-end; margin-top: 70px;}

.course-cont>*{width: 60%;}

.course-text .bd .ccont{width: 50%;}

.course-text .bd .time{display: flex; justify-content: flex-end; border-top: 1px solid rgba(0,0,0,.1); margin-top: 50px; padding-top: 30px; color:var(--color-blue);}

.l-font100{font-size: 100px;}

.course-bottom{margin-top: 80px; width: 50%; padding: 0 50px;}

.course-btn>*{position: absolute; top: 50%; transform: translateY(-50%); font-size: 20px; color:var(--color-blue); opacity: .6;}

.course-btn>*:hover{opacity: 1;}

.course-btn>*.prevs{left: 0;}

.course-btn>*.nexts{right: 0;}

.course-banner{padding: 20px 0;}

.course-banner .bd a{display: flex; width: 134px; height: 134px; border-radius: 50%; background-color:#fff; border:1px solid var(--color-blue); align-items: center; justify-content: center; margin: auto; position: relative;}

.course-banner .bd a:before{content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; border:1px solid var(--color-blue); position: absolute; left: 0; top: 0; z-index: -1; transition: var(--transition);}

.course-banner .bd .on a{background-color: var(--color-blue); color:#fff;}

.course-banner .bd .on a:before{transform: scale(1.3);}

.about-fixed{position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 100;}

.about-fixed>a{width: 110px; height: 120px; border-radius: 6px 0 0 6px; background-color: var(--color-blue); color:#fff; align-items: center; justify-content: center; text-align: center;}

.about-fixed>a i{font-size: 48px;}

.about-fixed>a p{margin-top: 4px;}

.about-fixed>.toggle{position: absolute; right:100%; padding-right: 28px; bottom:0; opacity: 0; pointer-events:none; transition: var(--transition); transform: scale(0); transform-origin: right bottom;}

.about-fixed>.toggle>*{ background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); width: 220px; padding: 20px; position: relative;}

.about-fixed>.toggle>*:after{content: ''; display: block; width: 0; height: 0; border:6px solid transparent; border-left: 18px solid #fff; position: absolute; right: -20px; bottom: 30px; transform: rotate(30deg);}

.about-fixed>.toggle .nname{margin-top: 6px;}

.about-fixed:hover>.toggle{opacity: 1; pointer-events: auto; transform: scale(1);}

.about-cont{min-height:680px;}

/*

--color-wathet

linear-gradient(0deg,rgba(255,255,255,.4),rgba(255,255,255,0));

F5AB00

transparent

font-family: "ebrimabd";

.hRegular{font-family: "hRegular";}

.hLight{font-family: "hLight";}

.hBold{font-family: "hBold";}

l-uppercase

transition:cubic-bezier(0.215,.61,.355,1) .45s;



*/

@media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),

  (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),

  (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),

  (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),

  (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx){/*125%and150%*/

  

}

@media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),

  (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6)

  (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {/*150%*/

  

}



@media screen and (min-width: 2000px){

	

}

@media screen and (max-width: 1600px){

	

}

@media screen and (max-width: 1500px){

	

}

@media screen and (max-width: 1366px){

	

}

/*平板*/

@media screen and (max-width: 1024px){

	.l-font20{font-size:16px;}

	.l-font26,.l-font24{font-size:18px;}

	.l-font12{font-size:12px;}

	.l-font14{font-size:14px;}

	.l-font16{font-size:14px;}

	.l-font18{font-size:14px;}

	.l-font130{font-size:32px;}

	.l-font32{font-size:24px;}

	.l-font70{font-size:24px;}

	.l-font30{font-size:18px;}

	.l-font40{font-size:20px;}

	.l-lh30{line-height:24px;}

	.l-font36{font-size:20px;}

	.l-lh24{line-height:20px;}

	.l-font48{font-size:24px;}	.l-col-1,.l-col-2,.l-col-3,.l-col-4,.l-col-5,.l-col-6,.l-col-7,.l-col-8,.l-col-9,.l-col-10,.l-col-11,.l-col-12{width:100%;}

	.l-grid-2>*,.l-grid-3>*,.l-grid-4>*,.l-grid-5>*,.l-grid-6>*,.l-grid-7>*,.l-grid-8>*{width:100%;}

	.lh-cursor{display:none;}

	header,header>*{height:50px;}

	.lh-logo{position:absolute; left:15px; top:50%; transform:translateY(-50%); width:80px; z-index:2;}

	.lh-nav{position:absolute; left:0; top:0; width:100vw; height:100vh; background-color:#fff; display:block; padding-top:30%; opacity:0;pointer-events:none; transition:var(--transition);}

	.lh-nav>*{height:auto; margin:30px 0; text-align:center; justify-content:center; font-size:16px;}

	.about-fixed{display:none;}

	.loading-progress{width:80vw;}

	.nav-btn{position:absolute; right:0; top:0; width:50px; height:50px; z-index:2;}

	.nav-btn:before,.nav-btn:after{content:''; display:block; width:20px; height:2px; background-color:#000; position:absolute; right:15px; top:50%; transition:var(--transition); margin-top:-8px;}

	.nav-btn i{width:20px; height:2px; background-color:#000; position:absolute; right:15px; top:50%; margin-top:-1px;transition:var(--transition);}

	.nav-btn:after{margin-top:6px;}

	.WebNav .lh-nav{opacity:1; pointer-events:auto;}

	.WebNav .nav-btn i{transform:scaleX(0);}

	.WebNav .nav-btn:before{transform:translate(0,7px) rotate(45deg);}

	.WebNav .nav-btn:after{transform:translate(0,-7px) rotate(-45deg);}

	.l-lh60{line-height:30px;}

	.banner-btn-box{bottom:30px;}

	.banner-hd{left:15px;}

	.banner-hd>*{width:20px; margin:30px 0;}

	.index-scheme{height:auto;}

	.scheme-item>*{width:50%; flex:none; height:60px;}

	.scheme-item>* .l-imgs{display:none;}

	.scheme-item>* a:hover .text, .scheme-item>*.on a .text{padding-top:0;}

	.scheme-item>*:hover, .scheme-item>*:hover + *{border-color:rgba(255,255,255,.2);}

	.scheme-item>* .text>*{display:flex; align-items:center; justify-content:center;}

	.scheme-item>* i{margin-top:0; transform:rotate(-90deg) !important; margin-left:10px;}

	.scheme-item>*{border-top:1px solid rgba(255,255,255,.2);}

	.scheme-item>*:nth-child(1),.scheme-item>*:nth-child(2){border-top:none;}

	.scheme-item>*:last-child{width:100%;}

	.l-pd100{padding-top:40px; padding-bottom:40px;}

	.case-top,.case-top>*{display:block;}

	.index-title>.name{margin-top:4px;}

	.case-top>*>.text{margin-left:0; margin-top:10px;}

	.l-lh28{line-height:26px;}

	.index-more{width:50px; height:50px;}

	.index-btn>*{width:79px;}

	.index-btn{transform:translateX(40px);}

	.case-banner{margin-top:40px; height:320px;}

	.case-banner .bd li{padding-right:40px;}

	.case-banner .bd .swiper-slide-active .img{height:320px;}

	.case-banner .bd .img .text{padding:15px; bottom:0;}

	.case-banner .bd .text .ccont{margin-top:10px;}

	.case-banner .bd .img{height:160px;}

	.case-banner .bd .text{margin-top:20px;}

	.case-num{left:91%; width:18px;}

	.l-container{padding-left:15px; padding-right:15px;}

	.about-cont{display:block; margin-top:40px; min-height:inherit;}

	.index-about>.icon{height:110px;}

	.about-cont>*.left{padding-right:0; display:block;}

	.about-cont>*{width:100%;}

	.about-cont>*.left .circleTrack{display:none;}

	.about-cont>*.left .more{position:static; margin-top:20px;}

	.about-cont>*.left .ccont{margin-top:10px;}

	.about-cont>*.right .img{height:200px; margin-top:30px; border-radius:5px 50px 5px 5px;}

	.about-total{justify-content:flex-start; margin-top:30px;}

	.l-font54{font-size:42px;}

	.about-total>*{margin-left:0; font-size:12px; width:33.3%; text-align:center;}

	.news-top{display:block; position:relative;}

	.news-top>*{display:block;}

	.news-top>*.left>.btn{margin-left:-40px; margin-top:30px;}

	.news-top>*.right{position:absolute; right:0; top:0;}

	.news-item li>*{padding:10px;}

	.news-item li .img{height:170px;}

	.news-item li .text{margin-top:10px;}

	.news-item li .time{margin-top:10px; padding-top:10px;}

	.news-hd{margin-top:30px;}

	.news-item li{padding-right:20px;}

	.footer-logo{width:80px;}

	.footer-top>*.right{display:none;}

	.footer-top{height:80px;}

	.footer-center{padding:30px 0; display:block; position:relative;}

	.footer-ewm>* .img{padding:10px; height:100px;}

	.footer-ewm>*{width:100px;}

	.footer-ewm>* .name{margin-top:4px;}

	.footer-center>*.right{display:block;}

	.footer-contact>*{margin:30px 0 0;}

	.footer-contact>* dd{margin-top:20px;}

	.footer-copy{padding:30px 0; display:block;}

	.footer-copy>*.right{display:block; margin-top:4px;}

	.lh-ban{height:260px; padding-top:50px;}

	.lh-ban .nname{margin-top:10px;}

	.l-font70{line-height:24px;}

	.case-nav-item{white-space:nowrap; padding-bottom:10px;}

	.case-nav{height:auto; padding:20px 0;}

	.case-nav>*{display:block;}

	.case-nav>*>.left{overflow-x:auto;}

	.case-nav-item>*:after{bottom:-6px; height:2px; display:none;}

	.case-nav-item>*{margin-left:20px;}

	.case-nav-item>*.on{color:var(--color-blue);}

	.l-pd50{padding-top:40px; padding-bottom:40px;}

	.pro-item>* .img{height:160px;}

	.pro-item>*{margin-top:20px;}

	.pro-item{margin-top:-20px;}

	.page-loading{margin-top:30px;}

	.proDetail-top{padding:20px; display:block;}

	.proDetail-top>*{width:100% !important; padding:0 !important;}

	.l-font28{font-size:20px;}

	.proDetail-top>.left .ccont{margin-top:20px; padding-top:20px;}

	.l-lh32{line-height:28px;}

	.proDetail-top>.right .img{height:160px;}

	.proDetail-bottom{margin-top:20px; padding:20px;}

	.proDetail-bottom>.cont{margin-top:20px; padding:20px 0;}

	.detail-page{display:block; margin-top:20px;}

	.detail-page>*{display:block;}

	.detail-page>*.center{margin:10px 0;}

	.system-item>* .img{height:190px;}

	.system-item{margin-top:-20px;}

	.system-item>*{margin-top:20px;}

	.proDetail-bottom>.nname{margin-top:20px;}

	.proDetail-bottom>.cont img{height:auto !important;}

	.proDetail-bottom.two{margin-top:0;}

	.lh-problem{padding:20px;}

	.lh-aftersale>.cont{margin:20px 0; padding:20px 0;}

	.lh-aftersale>.cont img{height:auto !important;}

	.aftersale-item{margin-top:20px;}

	.l-pd80{padding-top:40px; padding-bottom:40px;}

	.lh-news-top{display:block;}

	.news-nav{height:40px; border-radius:40px; margin-top:20px; width:100%;}

	.news-nav>*{width:50%;}

	.news-item.list>*{width:100%; margin-top:20px;}

	.news-item.list li>*{padding:10px;}

	.about-who>*>*.left .ccont{margin-top:30px;}

	.about-who>*{display:block;}

	.about-who>*>*.center{margin:30px 0;}

	.about-who>*>*.center .icon{width:100%; height:340px;}

	.about-who>*>*.center .icon .img{padding:20px;}

	.about-who>*>*.center .icon .hd{width:120%;}

	.l-font140{font-size:70px; line-height:70px;}

	.about-who>*>*.right .time span{position:static;}

	.about-who>*>*.right .ccont{margin-top:30px; color:#000;}

	.culture-item{margin-top:10px;}

	.culture-item>*{margin-top:20px;}

	.culture-item>*>*{padding:50px 20px 20px;}

	.culture-item>* .icon{right:20px; width:60px;  height:60px;}

	.culture-item>* .icon i{font-size:24px;}

	.contact-way>*.l-container{display:block;}

	.contact-way:before{display:none;}

	.contact-way>*>*.left, .contact-way>*>*.right{width:100%;}

	.contact-way>*>*.right{padding-left:0; margin-top:30px;}

	.l-font46{font-size:32px;}

	.contact-way>* .map .nname span{margin:10px 10px 0 0;}

	.contact-way>* .text .tel{margin-top:20px;}

	.way-item>*{margin-top:30px !important;}

	.way-btn{display:none;}

	.way-item>* .text h3{margin-bottom:6px;}

	.contact-way:before{content:''; display:block; width:100%; height:100%; background-color:rgba(0,0,0,.2); position:absolute; left:0; top:0;}

	.contact-join>*{display:block;}

	.contact-join>*>*{width:100%;}

	.contact-join>*>*.left{padding-right:0;}

	.contact-join>*>*.right{margin-top:30px; padding:20px;}

	.join-item>*>*{padding:20px;}

	.join-item>* .bottom{margin-top:10px;}

	.l-lh36{line-height:26px;}

	.message-cont{margin-top:30px; display:block;}

	.message-cont>*.left{padding-right:0;}

	.message-item>*{margin-top:10px; height:52px;}

	.message-item>* input{padding:0 20px;}

	.message-cont>*.right{padding-left:0;}

	.message-right textarea{height:100px; padding:10px 20px;}

	.message-btn{margin-left:-15px;}

	.message-btn>*{width:50%; padding-left:15px;}

	.message-btn>*>*{height:52px;}

	.footer-contact>* dt{display:none;}

	.footer-ewm{position:absolute; right:0; top:20px;}

	.footer-contact>*:first-child{margin-top:-20px;}

	.lh-nav>* dl{display:none;}

	.lh-return{display:none;}

	.problem-item>*>*{padding:20px;}

	.l-font80{font-size:42px; line-height:42px;}

	.problem-item>* .ccont{margin-top:10px;}

	.lh-problem{padding:0;}

	.proDetail-bottom>.cont iframe{width:100%;}

	.course-item>*>*{padding:20px;}

	.course-item>* .down{width:80px; font-size:12px;}

	.course-item>* .ccont{margin-top:10px;}

	.lh-aftersale{padding:20px;}

	.about-honor{padding-top:40px;}

	.honor-cont{width:100%; padding:50px 0 20px;}

	.honor-icon{display:none;}

	.honor-cont>.top>*{width:100%; display:block;}

	.honor-cont>.top>*>*.right{width:100%; margin-top:30px; padding:0 20px;}

	.l-font60{font-size:32px;}

	.honor-banner{height:auto; margin-top:20px;}

	.course-cont{display:block; margin-top:30px;}

	.course-cont>*{width:100%;}

	.course-text .bd .ccont{width:100%; line-height:24px;}

	.l-font100{font-size:52px;}

	.course-text .bd .time{margin-top:20px; padding-top:10px;}

	.course-bottom{margin-top:20px; width:100%;}

	.course-banner .bd a{width:56px; height:56px;}

	.lh-banner{height:240px;}

	main{padding-top:50px;}

	.lh-banner .bd .l-container{padding-bottom:50px;}

	.banner-btn-box{bottom:20px;}

	.banner-hd{display:none !important;}

}

/*手机*/

@media screen and (max-width: 980px){

    

}